<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<!-- Probleme pour mettre des commentaires sur plusieurs lignes -->
<html lang="en">
  <head>
    <title>Thermostat</title>

    <!-- Addaptation taille ecran -->
    <meta name="viewport" content="width=device-width" />

    <!-- Feuille de style externe --> 
    <link rel=stylesheet type=text/css href="{{ url_for('static', filename='style.css') }}">

    <!-- Refresh  -->
    <META HTTP-EQUIV="Refresh" CONTENT="20; URL=http://{{ipserver}}:5050/">

  </head>
  
  <body>
    <div class="page">
      
      <h1>Controle du Thermostat</h1>
      
      <a href="/on" target="_parent"><button>ON</button></a>
      <br>
      <a href="/off" target="_parent"><button>OFF</button></a>
      <br>
      STATE = {{thermostatus}}
      <br>
      <br>
      <img src="/static/images/thermometre.jpg" alt="Thermometre"  width="50p">
      {{degre}}&#176;C
      <br>
      {{humidity}}
      <br>
      <br>
      <br>

      <p class="footer">
	Author: Christian Klugesherz &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Server:	{{ipserver}}:5050
      </p>
    </div>
    
  </body>
</html>


